@font-face {
    -fx-font-family: 'Consolas', sans-serif;
    src: url('consola.ttf');
}
/* 这里选择的是scene */
.root {
    -fx-background-color: transparent ;
}
#pane{
    -fx-background-color: #333333;
}
#titleBar {
    -fx-border-radius: 5px;
    -fx-background-radius: 5px;
}
.tab-pane>*.tab-header-area>*.tab-header-background
{
    /*-fx-background-color: -fx-outer-border, -fx-text-box-border, #333333;*/
    -fx-background-color: #ffffff77, #1a1a1a;
}
.tab {
    -fx-background-color: #333333;
    -fx-font-family: consolas, sans-serif;
    -fx-background-radius: 0;
}

.tab-label {
    -fx-text-fill: #e6e6e6;
}

.tab-header-background {
    -fx-background-color: black;
}



.tab:selected .tab-label {
    -fx-text-fill: #8066cc;
    -fx-font-weight: bold;
}
.tab:selected{
    -fx-background-color: linear-gradient(to right, black, firebrick);
}
/*linear-gradient(to right, #1a1a1a, firebrick)*/
.tab-pane:focused > .tab-header-area > .headers-region > .tab:selected .focus-indicator {
    -fx-border-radius: 0px;
    -fx-border-width: 1px 1px 0px 1px;
    -fx-border-color: #e6e6e6;
}



#RLabel{
     -fx-text-fill: red;
     -fx-font-family: "GB18030 Bitmap";
 }
#GLabel{
    -fx-text-fill: green;
    -fx-font-family: "GB18030 Bitmap";
}
#BLabel{
    -fx-text-fill: #2e6cff;
    -fx-font-family: "GB18030 Bitmap";
}
#HLabel{
    -fx-text-fill: darkgreen;
    -fx-font-family: "GB18030 Bitmap";
}
#SLabel{
    -fx-text-fill: black;
    -fx-font-family: "GB18030 Bitmap";
}
#VLabel{
    -fx-text-fill: #e6e6e6;
    -fx-font-family: "GB18030 Bitmap";
}
#OLabel{
    -fx-text-fill: grey;
    -fx-font-family: "GB18030 Bitmap";
}

/*
#RSlider .track{
    -fx-background-color:
    linear-gradient(
            from 0px 0px to 80px 0px,
            red, red 99%,
            #e6e6e6
    );
}
 */
.slider .thumb {
    /* 调整把手的大小 */
    -fx-padding: 0.513333em;
}
.slider .track {
    /* 设置滚动条的高度 */
    -fx-padding: 0.20em;
}
#RSlider .track{
    -fx-background-color: linear-gradient(to right, #1a1a1a, firebrick);
}
#GSlider .track{
    -fx-background-color: linear-gradient(to right, #1a1a1a, green);
}
#BSlider .track{
    -fx-background-color: linear-gradient(to right, #1a1a1a, #2e6cff);
}
#HSlider .track{
    -fx-background-color: linear-gradient(to right, darkred, darkgoldenrod, darkgreen , #00ffff , darkblue, darkmagenta , darkred);
}
#SSlider .track{
    -fx-background-color: #8b8d9388;
}
#VSlider .track{
    -fx-background-color: #8b8d9388;
}
#OSlider .track{
    -fx-background-color: #8b8d9388;
}

.progress-bar .bar {
    -fx-background-color: transparent ;
}

#RText , #GText , #BText , #HText , #SText , #VText , #OText{
    -fx-background-color: #333333;
}
#RText{
    -fx-text-fill: firebrick;
}
#GText{
    -fx-text-fill: green;
}
#BText{
    -fx-text-fill: #2e6cff;
}
#HText{
    -fx-text-fill: firebrick;
}
#SText{
    -fx-text-fill: rgba(233, 235, 241, 0.53);
}
#VText{
    -fx-text-fill: rgba(233, 235, 241, 0.53);
}
#OText{
    -fx-text-fill: grey;
}
#webText{
    -fx-background-color: linear-gradient(to right, black, #333333);
    -fx-text-fill: #e6e6e6;
    -fx-font-family: Consolas;
}

#chooseButton {
    -fx-background-color: black;
    -fx-text-fill: #e6e6e6;
    -fx-border-color: black;
    -fx-border-radius: 3px;
    -fx-font-family: Consolas;
}
#chooseButton .label{
    -fx-text-fill: #e6e6e6;
}
#chooseButton:hover{
    -fx-background-color: #1a1a1a;
}
#chooseButton:pressed{
    -fx-background-color: black;
    -fx-border-color: #8099ff;
}
#webPrefix{
    -fx-text-fill: #e6e6e6;
}
.pie-chart {
    -fx-opacity: 60%;
}
#pieChart .label{
    -fx-text-fill: #e6e6e6;
    -fx-font-family: Consolas;
    -fx-font-size: 16px;
}
#legend-pane {
    -fx-font-family: Consolas, serif;
    -fx-border-color: black;
    -fx-border-radius: 5px;
    -fx-background-radius: 5px;
    -fx-background-color: black;
}

.color-palette {
    -fx-spacing: 0.5em; /* 10px */
    -fx-background-color: #00000088;
    -fx-border-color: #e6e6e6;
    -fx-border-radius: 5px;
    -fx-background-radius: 5px;
}

.color-picker.split-button>.arrow-button {
    -fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color;
    -fx-background-insets: 1 1 1 0, 1, 2;
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 1 1 0;
}

.color-picker.split-button:focused>.arrow-button {
    /*-fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color !important;*/
    /*-fx-background-insets: 0, 1, 2;*/
    -fx-background-color: -fx-focus-color, -fx-inner-border, -fx-body-color, -fx-faint-focus-color, -fx-body-color;
    -fx-background-insets: 1 1 1 0, 1, 2, 1, 2.6;
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 1 1 0, 0 1 1 0, 0 1 1 0;
}

.color-picker.split-button>.color-picker-label,
.color-picker.split-button:focused>.color-picker-label {
    -fx-background-color: red;
}

.color-picker.split-button>.arrow-button {
    /*-fx-background-color: -fx-outer-border, -fx-inner-border, -fx-body-color !important;*/
    -fx-padding: 0.5em 0.667em 0.5em 0.667em;
    /* 6 8 6 8 */
}

.color-picker>.color-picker-label>.picker-color>.picker-color-rect {
    -fx-stroke: -fx-box-border;
}


